.page.custom-links-template {
  ul {
    list-style: none;
    margin-right: -15px;
    margin-left: -15px;

    li {
      text-align: center;
      padding-right: 15px;
      padding-left: 15px;

      .links-item-wrapper {
        padding: 1.5rem 0;
        transition: all 250ms ease 0ms;

        &:hover {
          box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25) !important;
        }

        &-header {
          &-avatar {
            border-radius: 50%;
            width: 5rem;
          }
        }

        &-content {
          flex-grow: 1;
          display: flex;
          flex-direction: column;

          &-name {
            margin-top: 0.5rem;

            a {
              &:hover {
                color: #1abc9c;
                text-decoration: none;
              }
            }
          }
        }
      }
    }
  }
}
